#page-detail{
    background-color: rgb(243,243,243);
}

#page-detail header{
    position: fixed;
    top:0;
    width: 100%;
    height:45px;
    background: url(../../img/header_gra.png) repeat-y;
    background-size: contain;
}

#page-detail header img{
    width: 24px;
}

#page-detail header>a{
    display: inline-block;
    vertical-align: middle;
}

#page-detail>.info>img{
    width: 100%;
}

#page-detail hr{
    border:none;
    border-bottom:solid 1px rgb(240,240,240);
    margin-left: 15px;
}

#page-detail .info{
    display: block;
    padding-bottom: 10px;
    background-color: white;
}

#page-detail .detail img{
    width: 100%;
}

#page-detail h4{
    font-size: 14px;
    font-weight: normal;
    margin-right: 100px;
    padding: 10px 10px 16px 10px;
}

#page-detail b{
    font-size: 16px;
    color: #ff8a00;
    font-weight: normal;
}

#page-detail p{
    font-size: 16px;
    color: #888888;
    padding: 0 10px;
}

#page-detail .price{
    position: absolute;
    right: 10px;
    padding-top: 10px;
}

#page-detail b.prime{
    font-size: 11px;
    color: #888888;
    text-decoration: line-through;
}



#page-detail footer{
    position: fixed;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
    height:50px;
    width: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

#page-detail footer>a{
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
    padding-top:10px;
}

#page-detail footer>a:nth-child(1){
    color: white;
}

#page-detail footer>a:nth-child(1)>img{
    width:30px;
}

#page-detail footer>a:nth-child(1)>span{
    vertical-align: top;
    display: inline-block;
    padding-bottom:3px;
}

#page-detail footer>a:nth-child(2)>div{
    margin:0 20px;
    padding:5px 0;
    background-color: #e38f71;
    border-radius: 4px;
    color: #282624;
}

#page-detail footer>a:nth-child(2)>div:active{
    background-color: #8d6151;
}

#page-detail .list,#page-detail .detail{
    margin-top: 10px;
    background-color: white;
}

#page-detail .top{
    height: 32px;
    color: #bfbfbf;
    font-size: 12px;
    padding: 0 10px;
    border-bottom: solid 1px rgb(236,236,236);
}

#page-detail .list .row{
    display: block;
    padding: 0 10px;
    height: 44px;
}

#page-detail .list .row>span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 40%;
}

#page-detail .list .row>b.prime{
    width: 20%!important;
}

#page-detail .list .row>b{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    width: 30%;
}

#page-detail .list .row img{
    width: 4px;
}

#page-detail .top img{
    width: 16px!important;
    padding: 0 5px 0 0;
}



.tatoo.layui-layer {
    border-radius: 10px;
    padding: 0;
}

.tatoo .layui-layer-title {
    border-radius: 4px 4px 0 0;
    background-color: #6f5f5c;
    color: #f0e9dc;
    width: 100%;
    padding: 0;
    text-align: center;
    border: none;
}

.tatoo .layui-layer-content {
    text-align: center;
    padding: 30px;
    background-color: #f0e9dc;
    border-radius: 0 0 4px 4px;
}

.tatoo .layui-layer-content h2 {
    padding: 10px;
}

.tatoo .layui-layer-content p {
    color: #aaa;
}

.tatoo .layui-layer-btn {
    margin: 0;
    padding: 0;
}